<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>聚人消费网络有限公司</title>

    <link href="${ctx}/css/main.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="${ctx}/js/jquery-1.4.2.min.js"></script>
</head>
<body>


<!--顶部header 部分开始-->
<div id="header">
    <div class="h_l"><img alt="" src="${ctx}/assets/LogoMaker1.png"/>
    </div>

    <div class="clear"></div>
</div>
<!--顶部header 结束-->


<div class="body_frame">


<!--nav 结束-->
<div class="adpic">
    <div id="nav_main">
        <ul class="nav">
            <li id="index_nav"><a href="${ctx}"><span>首页</span></a>
            </li>


            <li id="about_nav"><a href="${ctx}/about.jsp"
                    ><span>关于我们</span></a></li>

            <li id="news_nav"><a href="#"><span>新闻中心</span></a></li>

            <li id="products_nav"><a href="${ctx}/index/products-0-1"><span>产品中心</span></a></li>
            <li id="admin_nav"><a href="${ctx}/forward/index/html"><span>后台登陆</span></a></li>

        </ul>

    </div>


</div>
<!--nav 部分结束-->


<!--adpic begin-->
<div class="adpic">

    <script type="text/javascript" src="${ctx}/js/myfocus-1.2.4.full.js"></script>
    <!--引入myFocus库-->


    <div class="focus">
        <!--<p style="text-align:right">焦点图预览</p> -->
        <div id="myFocus-wrap">
            <div id="myFocus" style="visibility:hidden"><!--焦点图盒子-->
                <div class="loading"><span>请稍候...</span></div>
                <!--载入画面-->
                <ul class="pic"><!--内容列表-->
                    <c:forEach var="image" items="${topImages.list}">
                        <li><a href="#"><img
                                src="${ctx}/${image.url}"
                                thumb="" alt="${image.name}" text="诚信经营，永续发展，优质高效，服务顾客"/></a></li>
                    </c:forEach>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>


    <script type="text/javascript">
        var mf = myFocus;//简称
        var html = mf.$('myFocus-wrap').innerHTML;//保存原html
        function getParam() {//获取全部参数
            return {
                id:'myFocus',
                pattern:'mF_games_tb', //切换样式mF_tbhuabao,mF_fscreen_tb,mF_51xflash,mF_expo2010,mF_classicHC
//                pattern:'mF_fscreen_tb', //切换样式mF_tbhuabao,mF_fscreen_tb,mF_51xflash,mF_expo2010,mF_classicHC
                time:3, //切换间隔，单位秒
                trigger:'click', //触发切换模式，click,mouseover
                width:960 / 1, //宽
                height:220 / 1, //高
                txtHeight:'default',
                auto:1 == '1' ? true : false, //自动播放
                autoZoom:1 == '1' ? true : false, //是否缩小居中图片以适应焦点图大小
                wrap:0 == '1' ? true : false, //显示自带边框
                index:0 / 1, //从第一张开始显示
                delay:100 / 1, //延迟100秒，当为悬停模式时
                //额外参数
                duration:600 / 1, //运动速度600中,400快,1000慢
                direction:'left', //运动方向,left right top  bottom
                easing:'easeOut', //运动形式:easeOut>快出慢入,easeIn>慢出快入,easeInOut>慢出慢入,swing>摆钟缓动,linear>匀速运动
                less:1 / 1, //是否无缝,1是,0否
                chip:8 / 1, //图切片数量(能被图高整除才有效),8,10 16片
                type:4 / 1, //切片效果:4随机效果1甩头2甩尾3凌乱
                pad:62 / 1, //图片留边宽度:62中,82宽,32窄,
                txtWidth:68 / 1, //文字段宽度68默认，38短，108长
                gray:0 / 1, //非当前图片是否变灰,0否1是
                direct:'one', //切出方向:random随机,one单向(向右)
                turn:'random' //翻牌方向:random随机(单向),left,right,up,down
            };
        }
        function reHTML() {//还原
            mf.$('myFocus-wrap').innerHTML = html;
            var css = mf.$$('style')[0];
            css.parentNode.removeChild(css);
        }
        function toggleDisplay(o) {//高级设置切换
            if (o.innerHTML == '高级参数设置&gt;&gt;') {
                mf.$('adv').style.display = 'block';
                o.innerHTML = '隐藏高级参数设置&gt;&gt;'
            }
            else {
                mf.$('adv').style.display = 'none';
                o.innerHTML = '高级参数设置&gt;&gt;';
            }
        }
        function displayParam() {//额外参数显示
            var s = mf.$('pattern');
            var st = mf.pattern[s.value]['cfg'];
            var ps = mf.$$('p', 'oth'), len = ps.length;
            for (var i = 0; i < len; i++) ps[i].style.display = '';
            if (st) for (var p in st) mf.$('p-' + p).style.display = mf.$('custom').style.display = 'inline';
        }
        function apply() {//应用
            reHTML();//还原
            var p = getParam();//获取参数
            p.waiting = false;//不等待图片加载
            myFocus.set(p, true, function () {
                displayParam();//显示额外参数
            });
        }
        //开始设置
        myFocus.set(getParam(), true, function () {
            displayParam();//显示额外参数
        });
        //屏蔽IE执行误差
        window.onerror = function () {
            return true
        };
    </script>
</div>
<!--adpic end-->


<!--左右框架左右框架左右框架左右框架左右框架左右框架左右框架-->
<div id="main_frame">
    <div class="frame_l">


        <!--classp begin-->
        <div class="box1">
            <div class="box1_t"><h3>产品中心</h3></div>
            <div class="box1_m">
                <ul class="sidebar">
                    <c:forEach var="catalog" items="${catalogs}">
                        <li class="one" name="${catalog.id}"><a
                                href="${ctx}/index/products-${catalog.id}-1"><b>${catalog.name}</b></a></li>
                    </c:forEach>

                </ul>
            </div>
        </div>
        <!--classp end-->


        <!--联系我们 begin-->
        <div class="box0">
            <div class="box0_t"><h3>联系我们</h3></div>
            <div class="box0_m"><img alt="" src="${ctx}/uploadfile/contany1.jpg"/> 地址：昆明市新亚洲体育城<br/>
                邮编：650000<br/>
                代志刚：13888976307<br/>
                冯久平：18788407826<br/>
                Email：暂无<br/>
                <img alt="" src="${ctx}/uploadfile/contany2.jpg"/>
            </div>
        </div>
        <!--联系我们 end-->


    </div>
    <div class="frame_r">


        <div id="two_frame">
            <div class="f_l">


                <!--首页新闻  begin-->
                <div class="box2">
                    <div class="box2_t">
                        <div class="more"><a href="#"
                                >更多&nbsp;&raquo;</a></div>
                        <span>新闻资讯</span></div>
                    <div class="box2_m"><!-- start news-->
                        <ul id="newslist0">

                            <li>
                            <div class="time">
                            (12-02-01)
                            </div>
                            <a href="#"
                            title="新闻">聚人消费网络有限公司网站开通啦！...</a>
                            </li>
                        </ul>

                    </div>
                </div>
                <!--首页新闻  end-->


            </div>
            <div class="f_r">


                <!--关于我们  begin-->
                <div class="box22">
                    <div class="box22_t">
                        <div class="more"><a href="${ctx}/about.jsp">更多&nbsp;&raquo;</a>
                        </div>
                        <span>关于我们</span></div>
                    <div class="box22_m">
                        <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
                                 height="180">
                            <img alt="" src="${ctx}/uploadfile/c.jpg"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            只有你想不到的，没有你得不到的</br>
                            聚人消费网络有限公司，销售各种消费者所需商品，（如：电器、电动车、家具等）
                            凡在聚人消费网络有限公司购买商品的消费者，如本人愿意，并达到本公司的要求，可以成为公司会员，达到公司规定的消费者金额和完成公司的销售任务后，就能成为消费“资本家”，你想成为消费“资本家”吗！赶快行动吧！
                        </marquee>
                    </div>
                </div>
                <!--关于我们  end-->

            </div>
            <div class="clear"></div>


            <!--推荐  begin-->
            <div>


                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">
                    <tr>
                        <c:forEach var="image" items="${images.list}">
                            <td align="center" valign="top">
                                <div id="tuijian_pro_1" style="width:170px;">
                                    <div class="tuijian_pro_name" style="width:170px;">
                                        <div class="tl">
                                            <a href="${ctx}/index/productShow-${image.id}">
                                                    ${image.name} </a></div>
                                    </div>

                                    <div class="tuijian_pro_img">
                                        <a href="${ctx}/index/productShow-${image.id}"><img
                                                src="${ctx}/${image.thumb}"
                                                width="160" height="160" border="0"/></a>
                                    </div>
                                    <div class="tuijian_pro_introduce" style="font-size: 13px;">
                                        </div>

                                </div>
                            </td>
                        </c:forEach>
                    </tr>
                    <tr>
                        <!-- product list page number -->
                    </tr>
                </table>


            </div>
            <!--推荐  end-->


        </div>


    </div>
    <div class="clear"></div>
</div>
<!--左右框架左右框架左右框架左右框架左右框架左右框架左右框架-->


<!--快速导航-->
<div id="quick_access">
    <ul>
        <li><a href="#">回到首页</a></li>
        <li><a href="#">在线留言</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="javascript:window.external.addFavorite('http://www.jurenxiaofei.com/','聚人消费网络有限公司')">收藏本站</a>&nbsp;&nbsp;
        </li>
    </ul>
</div>
<!--快速导航-->


<!--footer-->
<div class="footer">
    <p>版权所有&nbsp; 聚人消费网络有限公司 地址：昆明市新亚洲体育城 邮编：650000&nbsp;&nbsp; 代志刚：13888976307 冯久平：18788407826
        Email:暂无<br/>
        &nbsp;</p>

    <div class="qqbox" id="divQQbox">
        <div class="qqlv" id="meumid" onMouseOver="show()"><img src="${ctx}/uploadfile/QQ/qq.gif"/>
        </div>
        <div class="qqkf" style="display:none;" id="contentid" onMouseOut="hideMsgBox(event)">
            <div class="qqkfbt" onMouseOut="showandhide('qq-','qqkfbt','qqkfbt','K',1,1);" id="qq-1"
                 onfocus="this.blur();">客 服 中 心
            </div>
            <div id="K1">

                <div class="qqkfhm bgdh"><a target="blank"
                                            href="tencent://message/?uin=110529393&amp;Site=mobanku.com&amp;Menu=yes">
                    <img border="0" alt="QQ" src="${ctx}/css/images/pa-p=1-110529393-7.gif"
                            /></a><br/></div>


            </div>

        </div>
    </div>
    <script language="javascript">
        function showandhide(h_id, hon_class, hout_class, c_id, totalnumber, activeno) {
            var h_id, hon_id, hout_id, c_id, totalnumber, activeno;
            for (var i = 1; i <= totalnumber; i++) {
                document.getElementById(c_id + i).style.display = 'none';
                document.getElementById(h_id + i).className = hout_class;
            }
            document.getElementById(c_id + activeno).style.display = 'block';
            document.getElementById(h_id + activeno).className = hon_class;
        }
        var tips;
        var theTop = 40;
        var old = theTop;
        function initFloatTips() {
            tips = document.getElementById('divQQbox');
            moveTips();
        }
        function moveTips() {
            var tt = 50;
            if (window.innerHeight) {
                pos = window.pageYOffset
            } else if (document.documentElement && document.documentElement.scrollTop) {
                pos = document.documentElement.scrollTop
            } else if (document.body) {
                pos = document.body.scrollTop;
            }
            pos = pos - tips.offsetTop + theTop;
            pos = tips.offsetTop + pos / 10;
            if (pos < theTop) {
                pos = theTop;
            }
            if (pos != old) {
                tips.style.top = pos + "px";
                tt = 10; //alert(tips.style.top);
            }
            old = pos;
            setTimeout(moveTips, tt);
        }
        initFloatTips();
        if (typeof(HTMLElement) != "undefined") //firefox定义contains()方法，ie下不起作用
        {
            HTMLElement.prototype.contains = function (obj) {
                while (obj != null && typeof(obj.tagName) != "undefind") {
                    if (obj == this) return true;
                    obj = obj.parentNode;
                }
                return false;
            }
        }
        function show() {
            document.getElementById("meumid").style.display = "none"
            document.getElementById("contentid").style.display = "block"
        }
        function hideMsgBox(theEvent) {
            if (theEvent) {
                var browser = navigator.userAgent;
                if (browser.indexOf("Firefox") > 0) { //如果是Firefox
                    if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {
                        return
                    }
                }
                if (browser.indexOf("MSIE") > 0 || browser.indexOf("Presto") >= 0) {
                    if (document.getElementById('contentid').contains(event.toElement)) {
                        return;
                    }
                }
            }
            document.getElementById("meumid").style.display = "block";
            document.getElementById("contentid").style.display = "none";
        }
    </script>

</div>
<!--footer-->

</div>
</body>
</html>